<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./reset.css">
</head>
<body>
    <div class="nav">
        <input type="text" class="form-control" placeholder="请输入查询的信息" />
        <button type="button" class="btn btn-primary" onclick="vagueSel()">查询</button>
    </div>
    <div class="box1">
        <form action="" method="">
            <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</span> <input type="text" class="form-control" /><br>
            <span>联系电话</span> <input type="text" class="form-control" /><br>
            <span>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;历</span> <input type="text" class="form-control" /><br>
            <span>年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龄</span> <input type="number" class="form-control" /><br>
            <span>期望薪资</span> <input type="text" class="form-control" /><br>
            <button type="button" class="btn btn-success" onclick="add()">添加</button>
        </form>
    </div>
    <div class="box2">
        <table  class="box">
            <thead>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>联系电话</th>
                    <th>学历</th>
                    <th>年龄</th>
                    <th>期望薪资</th>
                </tr>
            </thead>
        </table>
    </div>
    <script src="./index.js"></script>
</body>
</html>